<template>
  <div class="friendshipLink">
      <!--<header-content-com msg1="Nothing is impossible." msg2="http://git.oschina.net:xiaokangcheng"></header-content-com>-->
    <div class="friendshipLinkDiv">
      <a href="https://cn.vuejs.org/" class="friendshipLink-item">
        vue.js - A progressive, incrementally-adoptable JavaScript framework for building UI on the web.
      </a>
    </div>
    <div class="friendshipLinkDiv">
      <a href="https://github.com/vuejs/vue-router" class="friendshipLink-item">
        vueRouter - The official router for Vue.js.
      </a>
    </div>
    <div class="friendshipLinkDiv">
      <a href="https://github.com/pagekit/vue-resource" class="friendshipLink-item">
        vueResource - The HTTP client for Vue.js
      </a>
    </div>
    <div class="friendshipLinkDiv">
      <a href="https://github.com/davidroyer/vue2-editor" class="friendshipLink-item">
        vue2-editor - A text editor using Vue.js 2.0 and Quill
      </a>
    </div>
    <div class="friendshipLinkDiv">
      <a href="https://github.com/hinesboy/mavonEditor" class="friendshipLink-item">
        mavonEditor - A markdown editor based on Vue that supports a variety of personalized features
      </a>
    </div>
    <div class="friendshipLinkDiv">
      <a href="https://pigjian.com/article" class="friendshipLink-item">
        UI - PJ Blog
      </a>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
//  import headerContentCom from '../header/headerContent.vue'
//
//  export default {
//    name: 'friendshipLink',
//    components: {
//      headerContentCom
//    }
//  }
</script>

<style lang="stylus" rel="stylesheet/stylus">
  .friendshipLink
    text-align center
    margin 100px
  .friendshipLink-item
    text-decoration none
    color #555
  .friendshipLink-item:hover
    text-decoration none
    color: #4cae4c
  .friendshipLinkDiv
    margin 30px
</style>
